@charset "utf-8";
html{font-size:100px;}
.main-width{
	width:1200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.other-banner img{width:100%;height:auto;}
.index-main h2.title{margin-bottom: 32px;font-size:24px;line-height: 50px;color: #000;text-align: center;font-family:"Microsoft YaHei";text-transform: uppercase;}
.index-main h2.title span{color: #0074ad;}
.index-main .line{position: relative;width: 100%;height: 1px;background-color: #e8e8f0;}
.index-main .line span{position: absolute;left: 50%;top: -3px;display: inline-block;margin-left: -25px;width: 50px;height: 7px;background-color: #d8d9de;}
/*头部*/






.header{position: fixed;left: 0;top: 0;width: 100%;height: 100px;background-color: #fff;box-shadow: 0 0 5px #999;z-index: 99999;}
.header .logo{
	float: left;
	margin-top: 0px;
	width: 76px;
	margin-right: 55px;
}
.header .logo .pic img{width: 100%;height: auto; }
.header .nav{
	margin-left: 0px;
	float: left;
}
.header .nav > ul{}
.header .nav > ul > li{position: relative;height: 100px;float: left;margin-right: 18px;font-size: 17px; line-height: 100px;font-family: "Microsoft YaHei";box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.header .nav > ul > li:nth-child(6){margin-right: 60px;}
.header .nav > ul > li > a{padding: 14px 18px;color: #291919;}
.header .nav > ul > li >i{position: absolute;top: 47px;right: 2px;width: 8px;height: 5px;background: url(img/down-arrow.png) no-repeat;}
.header .nav > ul > li:hover >i{background: url(img/down-arrow-white.png) no-repeat;}
.header .nav >ul >li >em{display: none;position: absolute;bottom: 0;left: 50%;margin-left: -5px;width: 0;height: 0;border: 5px solid transparent;border-bottom-color: #fff;}
.header .nav >ul >li .select-box{display: none;position: absolute;left: 0;top: 100px;padding: 10px 0 6px 0px;width: 300px;border-top: 2px solid #0096e4;background-color: #0074ad;z-index: 99; }
.header .nav >ul >li .select-box ul li{margin-bottom: 4px;padding-left: 16px;font-size: 14px;line-height: 30px;height: auto;text-align: left;}
.header .nav >ul >li .select-box ul li:hover{background-color: #0096e4;}
.header .nav >ul >li .select-box ul li a{color: #fff;}
.header .nav >ul >li .select-box ul li a:hover{color: #fff;}
.header .nav >ul >li .about-box{width: 200px;}
.header .nav > ul > li.icon{
	padding-top: 36px;
	width: 80px;
	height: 26px;
	line-height: 0;
	margin-left:10px;
	margin-right:15px;
	
}
.header .nav > ul > li.icon:hover{border-bottom: 0px solid #0478b5;}
.header .nav > ul > li.icon a{display: inline-block;margin: 0 5px;padding: 0;width: 26px;height: 26px;border-radius: 50%;background: url(img/all-icon.png) no-repeat;}
.header .nav > ul > li.icon a.cn{background-position: -340px -150px;}
.header .nav > ul > li.icon a.tel{background-position: -386px -150px;}
.header .nav > ul > li.search{
	float: right;
	margin-right: 0px;
	width: 200px;
	height: 20px;
	padding-top: 36px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}






.header .nav > ul > li.search:hover{border-bottom: 0px solid #0478b5;}
.header .nav > ul > li.search .box{
	float: right;
	position: relative;
	width:200px;
}
.header .nav > ul > li.search .box .text{position: relative;width: 100%;height: 30px;border: 1px solid #999;padding: 0 30px 0 10px;float: right;z-index: 8;border-radius: 18px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.header .nav > ul > li.search .box .btn, .header .nav li.search .box .sub {position: absolute;top: 4px;right: 10px;width: 20px;height: 20px;padding: 1px 0;cursor: pointer;z-index: 9;}
.header .nav > ul > li.search .box .btn{background: url(img/search.png) no-repeat;}
.header .nav > ul > li.search .box .sub {display: none;background: url(img/search.png) no-repeat;}

.header .nav > ul > li:hover{border-bottom: 3px solid #0478b5;}
.header .nav > ul > li.active{background-color: #0478b5;}
.header .nav > ul > li.active > a{color: #fff;}
.header .logo .phone-menu{display: none;float: right;margin: 18px 0;width: 28px;height: 18px;background: url(img/all-icon.png) no-repeat -350px -6px;cursor: pointer;}
.header.active .logo .phone-menu{background-position:-386px -6px;}

.header.flow{height: 50px;box-shadow:0 0 5px #999;}
.header.flow .logo{margin-top: 0px;}
.header.flow .logo .pic img { width:38px;}

.header.flow .nav > ul > li{height: 50px;line-height: 50px;}
.header.flow .nav > ul > li >i{top: 23px;}
.header.flow .nav > ul > li.icon{padding-top: 12px;line-height: 0px;}
.header.flow .nav > ul > li.search{padding: 12px 0 0px 30px;}
.header.flow .nav >ul >li .select-box{top: 50px;}
.header.flow .nav >ul >li  .phone-menu{background-position:-386px -6px;}







/*首页banner*/
.index-main .slidebox{
	width:auto;
	position:relative;
	z-index:9;
	height:480px;
	overflow:hidden;
}
.index-main .slidebox .slideshow{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.index-main .slidebox .slideshow ul{position:relative;width:4000px;overflow:hidden;}
.index-main .slidebox .slideshow ul li{float:left;}
.index-main .slidebox .slideshow ul li img{width:100%;height:auto;}
.index-main .slidebox .slidelist{position:absolute;bottom:3%;left:50%;}
.index-main .slidebox .slidelist ul{margin-left:-50%;}
.index-main .slidebox .slidelist ul li{float:left;width:58px;height:4px;margin:0 10px;background-color:#353334;cursor:pointer;}
.index-main .slidebox .slidelist ul li.active{background-color:#fff;}
.index-main .slidebox .item-btn{position:absolute;width:38px;height:38px;top:50%;margin-top:-19px;background:url(img/all-icon.png) no-repeat;cursor:pointer;transition:left .5s,right .5s;-webkit-transition:left .5s,right .5s;-moz-transition:left .5s,right .5s;-ms-transition:left .5s,right .5s;-o-transition:left .5s,right .5s;}
.index-main .slidebox .prev{left:-56px;background-position:0px -200px;}
.index-main .slidebox .next{right:-56px;background-position:-48px -200px;}
.index-main .slidebox .prev:hover{background-position:0px -250px;}
.index-main .slidebox .next:hover{background-position:-48px -250px;}
.index-main .slidebox:hover .prev{left:56px;}
.index-main .slidebox:hover .next{right:56px;}

/*首页产品*/
.index-product{
	padding-top: 28px;
	padding-right: 0;
	padding-bottom: 24px;
	padding-left: 0;
}
.index-product .main-width{margin-top: 60px;}
.index-product .slide-pro{position: relative;}
.index-product .slide-pro .slide-pic{overflow: hidden;}
.index-product .slide-pro .slide-pic ul{width: 130%;overflow: hidden;}
.index-product .slide-pro .slide-pic ul li{float: left;margin-right: 23px;width: 225px;overflow: hidden;}
.index-product .slide-pro .slide-pic ul li .hot-img{width: 100%;height: auto;}
.index-product .slide-pro .slide-pic ul li .text{padding-top: 18px;}
.index-product .slide-pro .slide-pic ul li .text h3{height: 52px;font-size: 22px;line-height: 26px;color: #000;font-family: "Microsoft YaHei";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-product .slide-pro .slide-pic ul li .text p{height: 50px;font-size: 14px;color: #6f6f6f;font-family: "Microsoft YaHei";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-product .slide-pro .slide-pic ul li .text a{display: block;margin-top: 32px;width: 124px;height: 36px;font-size: 16px;color: #fff;font-family: "Microsoft YaHei";text-align: center;line-height: 36px;background-color: #0478b5;}

/*.index-products .slide-pro .slide-pic ul li .text a:hover{}*/
/*.index-products .slide-pro .slide-dot{margin-top:45px;}
.index-products .slide-pro .slide-dot ul{overflow:hidden;width:60px;margin:0 auto;}
.index-products .slide-pro .slide-dot ul li{float:left;width:10px;height:10px;margin:0 3px;background-color:#535353;cursor:pointer;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.index-products .slide-pro .slide-dot ul li.active{width: 30px;background-color:#8fc31f;border-radius:30%;-webkit-border-radius:30%;-moz-border-radius:30%;-ms-border-radius:30%;-o-border-radius:30%;}*/
.index-product .slide-pro .item-btn{position: absolute;top: 50%;margin-top: -100px;width: 38px;height: 38px;background: url(img/all-icon.png) no-repeat;cursor: pointer;z-index: 999;}
.index-product .slide-pro .prev{left: -60px;background-position: 0px -200px;}
.index-product .slide-pro .next{right: -60px;background-position: -48px -200px;}
.index-product .slide-pro .prev:hover{background-position: 0px -250px;}
.index-product .slide-pro .next:hover{background-position: -48px -250px;}

/*首页优势*/
.index-advantage{padding: 64px 0 70px 0;}
.index-advantage .list-adv{margin-top: 30px;overflow: hidden;}
.index-advantage .list-adv li{float: left;margin: 0px 30px;width: 240px;}
.index-advantage .list-adv li .img{display: block;width: 152px;margin-bottom: 48px;}
.index-advantage .list-adv li .img img{width: 100%;height: auto;transform: translateY(0);transition: transform .3s;}
.index-advantage .list-adv li .img img:hover{transform: translateY(10px);}
.index-advantage .list-adv li:nth-child(1) .img,.index-advantage .list-adv li:nth-child(3) .img{margin-top: 12px;margin-bottom: 36px;}
.index-advantage .list-adv li h3{font-size: 22px;line-height: 28px;color: #000;font-family: "Microsoft YaHei";}
.index-advantage .list-adv li p{margin-top: 18px;font-size: 14px;color: #7d7d7d;font-family: "Microsoft YaHei";}

/*首页关于我们*/
.index-about{overflow: hidden;width: 100%;}
.index-about .about-text{position: relative;float: left;width: 50%;}
.index-about .about-text>img{width: 100%;height: auto;}
.index-about .about-text .about-us{
	position: absolute;
	top: 0;
	left: 44px;
	width: 450px;
}
.index-about .about-text .about-us h2{
	position: relative;
	margin-top: 0px;
	font-size: 22px;
	color: #fff;
	line-height:28px;
	font-family: "Microsoft YaHei";
}
.index-about .about-text .about-us h2 span{
	position: absolute;
	left: 4px;
	width: 50px;
	height: 7px;
	background-color: #fff;
}
.index-about .about-text .about-us p{
	margin-top: 8px;
	font-size: 16px;
	color: #fff;
	font-family: "Microsoft YaHei";
}
.index-about .about-text .about-us a{display: block;margin-top: 42px;width: 124px;height: 38px;font-size: 16px;line-height: 38px;color: #fff;font-family: "Microsoft YaHei";text-align: center;border: 1px solid #fff;border-radius: 6px;}
.index-about .about-text .about-us a:hover{background-color: #0074ad;}
.index-about .about-pic{float: left;width: 50%}
.index-about .slide-about{position: relative;}
.index-about .slide-about .slide-pic{width: 100%;height: 100%;overflow: hidden;}
.index-about .slide-about .slide-pic ul li{float: left;width: 100%;}
.index-about .slide-about .slide-pic ul li img{width: 100%;height: auto;}
.index-about .slide-about .slide-dot{position: absolute;bottom: 3%;left: 50%;}
.index-about .slide-about .slide-dot ul{margin-left: -50%;}
.index-about .slide-about .slide-dot ul li{float: left;width: 16px;height: 16px;margin: 0 7px;background-color: #fff;cursor: pointer;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.index-about .slide-about .slide-dot ul li.active{background-color: #0074ad;}

/*首页新闻*/
.index-news{padding: 50px 0 70px 0;background-color: #eff2f9;}
.index-news .entry{margin-top: 72px;overflow: hidden;}
.index-news .entry .title{float: left;width: 1200px;}
.index-news .entry .title ul{}
.index-news .entry .title ul li{position: relative;padding: 20px 0 18px 40px;background-color: #fff;margin-bottom: 18px;}
.index-news .entry .title ul li em{position: absolute;left: 15px;top: 28px;width: 9px;height: 9px;background-color: #cdcdcd;border-radius: 50%;}
.index-news .entry .title ul li h3{position: relative;padding-right: 70px;font-size: 18px;color: #000;font-family: "Microsoft YaHei";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index-news .entry .title ul li h3 span{position: absolute;right: 20px;top: 0;font-size: 15px;color: #acacac;}
.index-news .entry .title ul li .des{position: relative;margin-top: 8px;overflow: hidden;}
.index-news .entry .title ul li .des p{width: 79%;height: 50px;font-size: 14px;line-height: 25px;color: #464646;font-family: "Microsoft YaHei";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-news .entry .title ul li .des .more{position: absolute;bottom: 16px;right: 26px;width: 19px;height: 15px;background: url(img/all-icon.png) 0 -140px no-repeat;}
.index-news .entry .title ul li:hover{background-color: #0074ad;}
.index-news .entry .title ul li:hover h3{color: #fff;}
.index-news .entry .title ul li:hover h3 a{color: #fff!important;}
.index-news .entry .title ul li:hover h3 span{color: #fff;}
.index-news .entry .title ul li:hover em{background-color: #fff;}
.index-news .entry .title ul li:hover .des p{color: #fff;}
.index-news .entry .title ul li:hover .des .more{background-position: 0 -166px;}
.index-news .entry .pic{float: right;width: 544px;}
.index-news .entry .pic .text{height: 144px;padding: 36px 0 24px 24px;background-color: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.index-news .entry .pic .text h3{position: relative;padding-right: 70px;font-size: 18px;color: #000;font-family: "Microsoft YaHei";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index-news .entry .pic .text h3 span{position: absolute;right: 20px;top: 0;font-size: 15px;color: #acacac;}
.index-news .entry .pic .text .des{position: relative;margin-top: 10px;}
.index-news .entry .pic .text .des p{width: 78%;height: 50px;font-size: 14px;line-height: 25px;color: #464646;font-family: "Microsoft YaHei";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-news .entry .pic .text .des .more{position: absolute;bottom: 16px;right: 26px;width: 19px;height: 15px;background: url(img/all-icon.png) 0 -140px no-repeat;}
.index-news .entry .pic .text:hover{background-color: #0074ad;}
.index-news .entry .pic .text:hover h3{color: #fff;}
.index-news .entry .pic .text:hover h3 a{color: #fff!important;}
.index-news .entry .pic .text:hover h3 span{color: #fff;}
.index-news .entry .pic .text:hover .des p{color: #fff;}
.index-news .entry .pic .text:hover .des .more{background-position: 0 -166px;}
/*首页合作伙伴*/
.index-partner{padding: 70px 0 70px 0;background-color: #f4f8fb;}
.index-partner .main-width{overflow: hidden;}
.index-partner h3{margin-top: 20px;margin-bottom: 30px;font-size: 26px;color: #000;line-height: 30px;font-family: "Microsoft YaHei";}
.index-partner .list{overflow: hidden;margin-bottom: 30px;width: 1225px;}
.index-partner .list li{float: left;margin-right: 20px;margin-bottom: 20px;width: 175px;border: 1px solid #eeeff1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;overflow: hidden;}
.index-partner .list li img{width: 100%;height: auto;transition: all 0.36s ease;}
.index-partner .list li img:hover{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}

/*底部*/
.footer{position: relative;padding: 40px 0 46px 0;}
.footer .main-width{overflow:hidden;}
.footer a{color:#404143;}
.footer a:hover{color: #0096e4;}
.footer .footer-contact{padding-bottom: 12px;border-bottom: 1px solid #d5d6db;}
.footer .footer-contact ul{overflow: hidden;width: 100%;}
.footer .footer-contact ul li{float: left;}
.footer .footer-contact ul li.mail{width: 32.8%;}
.footer .footer-contact ul li.tel{width: 33.3%;}
.footer .footer-contact ul li.add{width: 33.9%;}
.footer .footer-contact ul li p{position: relative;padding-left: 74px;height: 64px;font-size: 14px;color: #000;line-height: 22px;font-family:"Microsoft YaHei";}
.footer .footer-contact ul li p i{position: absolute;top: 12px;left: 0;width: 46px;height: 46px;border-radius: 50%;background: url(img/all-icon.png) no-repeat center;background-color: #ededf5;}
.footer .footer-contact ul li p span{font-size: 18px;font-family:"Microsoft YaHei";}
.footer .footer-contact ul li.mail p, .footer .footer-contact ul li.tel p{padding-top: 12px;}
.footer .footer-contact ul li.mail p i{background-position:-330px -79px;}
.footer .footer-contact ul li.tel p i{background-position:-374px -81px;}
.footer .footer-contact ul li.add p i{background-position:-419px -78px;}
.footer .footer-sort .f-box{}
.footer .footer-sort .f-box h3{margin-bottom: 30px;font-size:18px;line-height:20px;color:#000;font-family:"Microsoft YaHei";}
.footer .footer-sort{padding-top: 30px;overflow: hidden;}
.footer .footer-sort .product{width:60%;float: left;}
.footer .footer-sort .product h3{margin-bottom: 24px;}
.footer .footer-sort .product ul{width: 100%;overflow: hidden;}
.footer .footer-sort .product ul li{float: left;width: 50%;line-height:25px;padding:5px 0;font-size: 16px;font-family: "Microsoft YaHei";}
.footer .footer-sort .product ul li a{color: #202020;}
.footer .footer-sort .product ul li a:hover{color: #0780ba;}
.footer .footer-sort .mail{width:400px;float: right;}
.footer .footer-sort .mail .cont{position:relative;width:100%;height:40px;border:1px solid #edeef5;background-color:#f3f5fc;padding-left:52px;margin-bottom:8px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.footer .footer-sort .mail .cont1{position:relative;width:100%;height:40px;border:1px solid #edeef5;background-color:#f3f5fc;padding-left:52px;margin-bottom:8px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}

.footer .footer-sort .mail .cont i{
	position:absolute;
	top:9px;
	left:15px;
	width:22px;
	height:20px;
	background:url(img/all-icon.png) no-repeat -80px -5px;
}
.footer .footer-sort .mail .cont1 i{
	position:absolute;
	top:9px;
	left:15px;
	width:22px;
	height:20px;
	background:url(img/all-icon1.png) no-repeat -80px -5px;
}
.footer .footer-sort .mail .cont input{width:100%;height:38px;line-height:38px;background:none;}
.footer .footer-sort .mail .cont1 input{width:100%;height:38px;line-height:38px;background:none;}

.footer .footer-sort .mail p{color:#717171;font-size:14px;line-height:20px;margin-bottom:30px;font-family:"Microsoft YaHei";}
.footer .footer-sort .mail .sub{width:124px;height:38px;line-height:38px;font-size:14px;background-color:#aaabb0;color:#fff;font-family:"Microsoft YaHei";cursor:pointer;border-radius:5px;}
.footer .footer-sort .mail .sub:hover{background-color:#6b6b6b;}

/*版权信息*/
.copy-right{position: relative;background-color:#0780b9;line-height:25px;padding:15px 0;color:#fff;}
.copy-right .main-width{}
.copy-right .name{float: left;width: 450px;font-size: 14px;color: #dbdbdb;font-family: "Microsoft YaHei";}
.copy-right .sns{position: relative;float: right;width: 100px;}
.copy-right .sns a{display:block;float:left;width:25px;height:25px;margin-right:20px;background:url(img/all-icon.png) no-repeat;}
.copy-right .sns a.facebook{background-position:-110px -5px;}
.copy-right .sns a.linkedin{background-position:-220px -5px;}
/*.copy-right .sns a.twitter{background-position:-135px -5px;}*/
.copy-right .sns a.google{background-position:-160px -5px;}
.copy-right .sns a.weixin{background-position:-256px 1px;}
/*.copy-right .sns a.pinterest{background-position:-185px -5px;}*/
.copy-right .hongdun{position: absolute;top: 8px;left: 50%;margin-left: -57px;width: 117px;height: 40px;overflow: hidden;}
.copy-right .qr-code{display: none;position: absolute;top: -116px;right: 30px;width: 100px;}
.copy-right .qr-code img{width: 100%;height: auto;}
.copy-right .qr-code.on{display: block;}


/*返回顶部*/
.to-top{position: fixed;right: 20px;bottom: 100px;z-index: 9999;}
.to-top a{display: block;width: 35px;height: 35px;background: url(img/arrow-top.png) no-repeat;}
/*关于我们*/
.main-about .tab{height:58px;background-color:#676767;margin-bottom:55px;}
.main-about .tab li{float:left;width:200px;line-height:58px;text-align:center;font-family:"Microsoft YaHei";font-size:16px;cursor:pointer;}
.main-about .tab li:hover{background-color: #0096e4;}
.main-about .tab li:hover a{color:#fff;}
.main-about .tab li a{display: block;color:#fff;}
.main-about .tab li a:hover{color: #fff;}
.main-about .tab li.on{background-color:#0096e4;}
.profile{padding-bottom:100px;}
.profile .cont .box{overflow:hidden;}
.profile .cont .box .left{float:left;}
.profile .cont .box .right{float:right;}
.profile .cont .box .pic{width:600px;position: relative;}
.profile .cont .box .pic img{width: 100%;height: auto;}
.profile .cont .box .text{
	width:580px;
	padding-top:20px;
}
.profile .cont .box .text h3{font-size:28px;line-height:50px;font-family:"Microsoft YaHei";color:#000;margin-bottom:20px;}
.profile .cont .box .text h3 span{color:#0096e4;font-family:"Microsoft YaHei";}
.profile .cont .box .text p{font-size:15px;line-height:30px;font-family:"Microsoft YaHei";color:#000;}
.certification{padding-bottom:50px;}
.certification .cont{overflow:hidden;}
.certification .cont ul{width:1230px;overflow:hidden;}
.certification .cont li{float:left;width:279px;margin:0 28px 50px 0;text-align:center;}
.certification .cont li img{width: 100%;height: auto;}
.certification .cont li p{height: 40px;line-height:20px;font-size:16px;font-family:"Microsoft YaHei";margin-top:25px;}
.history-bg{background: url(img/history-bg.jpg) no-repeat center;background-attachment: fixed;}
.history .cont{position:relative;padding-top:40px;}
.history .cont .line{position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#c8c8c8;}
.history .cont li{overflow:hidden;margin-bottom:50px;}
.history .cont li > div{position:relative;width:50%;}
.history .cont li .detail{width:430px;}
.history .cont li .detail img{width: 100%;height: auto;}
.history .cont li .detail h3{font-size:35px;line-height:35px;margin:35px 0 10px;font-family:"Microsoft YaHei";color:#0074ad;}
.history .cont li .detail p{line-height:30px;font-size:15px;font-family:"Microsoft YaHei";color:#000;}
.history .cont li .dot{position:absolute;top:0;width:90px;height:23px;font-size:16px;font-family:"Microsoft YaHei";}
.history .cont li .dot i{position:absolute;top:10px;width:35px;height:1px;background-color:#c8c8c8;}
.history .cont li .dot em{position:absolute;top:0;width:23px;height:23px;background:url(img/all-icon.png) no-repeat -5px -30px;}
.history .cont li .left{float:left;}
.history .cont li .left .dot{right:0;}
.history .cont li .left .dot i{right:0;}
.history .cont li .left .dot em{right:-11px;}
.history .cont li .right{float:right;margin-top:110px;}
.history .cont li .right .detail{float:right;}
.history .cont li .right .dot{text-align:right;}
.history .cont li .right .dot i{left:0;}
.history .cont li .right .dot em{left:-11px;}
.commercial .cont .list{overflow:hidden;}
.commercial .cont .list ul{width:1240px;overflow:hidden;}
.commercial .cont .list ul li{float:left;width:580px;margin:0 40px 50px 0;text-align:center;}
.commercial .cont .list ul li p{line-height:20px;font-size:16px;font-family:"Microsoft YaHei";margin-top:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.partner .cont .list{overflow:hidden;}
.partner .cont .list h3{margin-bottom: 20px;font-size: 22px;color: #000;line-height: 28px;font-family: "Microsoft YaHei";}
.partner .cont .list ul{width:1230px;overflow:hidden;}
.partner .cont .list ul li{float:left;margin:0 25px 50px 0;width:281px;text-align:center;}
.partner .cont .list ul li .pic{display: block;overflow: hidden;}
.partner .cont .list ul li img{width: 100%;height: auto;transition: all 0.36s ease;}
.partner .cont .list ul li img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)-o-transform: scale(1.1);transform: scale(1.1);}
.partner .cont .list ul li h3{line-height:20px;font-size:16px;font-family:"Microsoft YaHei";margin-top:30px;}
/*lightbox--start*/
#jquery_overlay{position:absolute;top:0;left:0;z-index:999999;width:100%;height:100%;}
#jquery_lightbox{position:absolute;top:0;left:0;width:100%;z-index:99999999;text-align:center;line-height:0;}
#jquery_lightbox a img{border:none;}
#lightbox_container_image_box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox_container_image{padding:10px;}
#lightbox_loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox_nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox_container_image_box > #lightbox_nav{left:0;}
#lightbox_nav a{outline:none;}
#lightbox_nav_btnPrev, #lightbox_nav_btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox_nav_btnPrev{left:0;float:left;}
#lightbox_nav_btnNext{right:0;float:right;}
#lightbox_container_image_data_box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox_container_image_data{padding:0 10px;color:#666;}
#lightbox_container_image_data #lightbox_image_details{width:70%;float:left;text-align:left;}
#lightbox_image_details_caption{font-weight:bold;}
#lightbox_image_details_currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox_secNav_btnClose{width:66px;float:right;padding-bottom:0.7em;}
/*lightbox--end*/
/*产品列表*/
.list-products{padding: 15px 0 30px 0;background-color: #f5f5f5;}
.list-products .bread{margin: 0;padding-bottom: 15px;border-bottom: 1px solid #ececec;}
.list-products .main-width{margin-top: 32px;overflow: hidden;}
.list-products .btn-class{display:none;position:fixed;left:0;top:100px;width:37px;height:225px;background:url(img/side-bar.png) no-repeat;cursor: pointer;z-index: 99;}
.list-products .classify{float:left;width:240px;}
.list-products .classify .title{display: none;position: relative;padding: 0 14px;height: 40px;font-size: 16px;color: #fff;font-family: "Microsoft YaHei";line-height: 40px;border-radius: 4px;background-color: #00a0e9;text-transform: uppercase;}
.list-products .classify .title>em{position: absolute;top: -15px;right: 5px;width: 31px;height: 31px;background: url(img/close.png);cursor: pointer;}
.list-products .classify ul{background-color:#f5f5f5;}
.list-products .classify ul li{line-height:75px;font-size: 16px;position:relative;}
.list-products .classify ul li:nth-child(1),.list-products .classify ul li:nth-child(2),.list-products .classify ul li:nth-child(7){line-height: 20px;}
.list-products .classify ul li:nth-child(1) a,.list-products .classify ul li:nth-child(2) a,.list-products .classify ul li:nth-child(7) a{padding-top: 18px;padding-right: 40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.list-products .classify ul li a{position: relative;display:block;padding-left: 20px;height: 75px;color: #666;border-bottom:1px solid #e3e3e3;font-family: "Microsoft YaHei";}
.list-products .classify ul li a:hover{color: #fff;background-color: #0096e4;}
.list-products .classify ul li i{position:absolute;top:32px;right:34px;width:7px;height:12px;background:url(img/arrow-gray.png) no-repeat;z-index: 10;}
.list-products .classify ul li:hover i{background:url(img/arrow-white.png) no-repeat;}
.list-products .classify ul li.active{}
.list-products .classify ul li.active a{color: #fff;background-color: #0096e4;}
.list-products .classify ul li.active i{background:url(img/arrow-white.png) no-repeat;}
.list-products .classify.flow{position: fixed;}
.list-products .content{
	float: right;
	width: 910px;
	overflow: hidden;
}
.list-products .content .list{margin-bottom: 30px;}
.list-products .content .list ul{width: 926px;overflow: hidden;}
.list-products .content .list ul li{position: relative;float: left;width: 292px;margin-right: 16px;margin-bottom: 14px;overflow: hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.list-products .content .list ul li img{width: 100%;height: auto;transition: all 0.36s ease;}
.list-products .content .list ul li .text{margin-top: 20px;height: 32px;}
.list-products .content .list ul li .text h3{
	font-size: 14px;
	line-height: 32px;
	color: #4b4b4b;
	font-family: Microsoft YaHei;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}
.list-products .content .list ul li>a{display: block;overflow: hidden;}
.list-products .content .list ul li img:hover{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
/*产品详情*/
.main-products{padding-bottom: 40px;}
.main-products .bread{margin: 0;padding: 30px 0 0 0;text-align: left;background-color: #f5f5f5;}
.main-products .overview{padding-top: 30px;background-color: #f5f5f5;}
.main-products .overview .main-width{
	padding-bottom: 50px;
	overflow: hidden;
}
.main-products .overview .slidebox{position: relative;float: left;width: 664px;height: 410px;}
.main-products .overview .slidebox .slide-pic{float: left;width: 664px;height: 410px;overflow: hidden;}
.main-products .overview .slidebox .slide-pic ul li{float: left;width: 664px;}
.main-products .overview .slidebox .slide-pic ul li img{width: 100%;height: auto;}
.main-products .overview .slidebox .slide-dot{position: relative;float: left;margin-top: 40px;margin-left: 60px;width: 1080px;height: 122px;overflow: hidden;}
.main-products .overview .slidebox .slide-dot ul{width: 2160px;position: relative;}
.main-products .overview .slidebox .slide-dot ul li{position: relative;float: left;width: 198px;margin-right: 22px;cursor: pointer;}
.main-products .overview .slidebox .slide-dot ul li.active:after{content: " ";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(img/gray-bg.png);}
.main-products .overview .slidebox .slide-dot ul li img{width: 100%;height: auto;}
.main-products .overview .slidebox .item-btn{position: absolute;width: 18px;height: 32px;bottom: -116px;background: url(img/all-icon.png) no-repeat;cursor: pointer;}
.main-products .overview .slidebox .prev{left: 10px;background-position:0 -310px;}
.main-products .overview .slidebox .next{right: -520px;background-position:-30px -310px;}
.main-products .overview .slidebox .prev:hover{background-position:0 -350px;}
.main-products .overview .slidebox .next:hover{background-position:-30px -350px;}
.main-products .overview .text{float: right;margin-top: 20px;width: 480px;}
.main-products .overview .text .model{font-size: 24px;line-height: 48px;color: #000;font-family: "Microsoft YaHei";}
.main-products .overview .text p{margin-top: 20px;font-size: 16px;line-height: 32px;height: 192px;color: #000;font-family: "Microsoft YaHei";overflow: hidden;}
.main-products .overview .text .inquire{display: block;margin-top: 20px;width: 180px;height: 46px;font-size: 16px;color: #fff;font-family: "Microsoft YaHei";text-align: center;line-height: 46px;background-color: #0074ad;border-radius: 8px;cursor: pointer;}
.main-products .pro-form{display: none;background-color: rgba(0,0,0,0.85);width: 100%;height: 100%;position: fixed;left: 0px;top: 0px;z-index: 999;}
.main-products .pro-form .box{width: 440px;padding: 30px;margin: 130px auto 0px auto;background-color: #FFF;position: relative;}
.main-products .pro-form .box h3{text-align: center;padding: 5px 0px 20px 0px;color: #0074ad;}
.main-products .pro-form .box .close{position: absolute;right: 10px;top: 10px;width: 23px;height: 22px;background: url(img/all-icon.png) -350px -40px no-repeat;cursor: pointer;}
.main-products .pro-form .box .close:hover{background-position: -382px -40px;}

.main-products .pro-form .box input[type='text']{display: block;width: 100%;border: 1px solid #d2d2d2;height: 20px;padding: 10px 0px;text-indent: 4px;margin-bottom: 8px;}
.main-products .pro-form .box textarea{display: block;width: 100%;padding: 4px;border: 1px solid #d2d2d2;height: 100px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.main-products .pro-form .box .sub{display: block;width: 118px;height: 36px;line-height: 36px;text-align: center;color: #000;margin: 30px auto 0px auto;cursor: pointer;}
.main-products .pro-form .box .sub:hover{color: #fff;background-color: #0074ad;}

.main-products h2.title{font-size: 25px;color: #000;font-family: "Microsoft YaHei";line-height: 56px;border-bottom: 1px solid #e3e3e3;}
.main-products .text{overflow-x: auto;}
.main-products .text h3{margin-top: 20px;font-size: 20px;line-height: 24px;font-family: "Microsoft YaHei";}
.main-products .text p{margin: 4px 2px;font-family: "Microsoft YaHei";color: #000;}
.main-products .text p.img img{display: block;margin: 0 auto;max-width: 100%;height: auto;}
.main-products .text table{margin-top: 30px;min-width: 600px;}
.main-products .text table td{font-size: 15px;border: 1px solid #efefef;line-height: 25px;padding: 5px 0 5px 15px;word-wrap: break-word;font-family: "Microsoft YaHei";}
.main-products .pic{margin-top: 30px;width: 100%;overflow: hidden;}
.main-products .pic img{margin-bottom: 30px;width: 48%;height: auto;}
.main-products .pic img.left{float: left;}
.main-products .pic img.right{float: right;}

.main-products .description{margin-top: 40px;}
/*.main-products .description p{margin: 20px 0;font-size: 15px;font-family: "Microsoft YaHei";}*/
.main-products .features h3{position: relative;margin-top: 22px;padding-left: 24px;font-size: 15px;line-height: 30px;color: #000;font-family: "Microsoft YaHei";}
.main-products .features h3 em{position: absolute;left: 0;top: 11px;width: 9px;height: 9px;border-radius: 50%;background-color: #0074ad;}
.main-products .features p{padding-left: 24px;padding-right: 20px;font-size: 15px;color: #000;font-family: "Microsoft YaHei";}
.main-products .features p.word{padding-left: 0;margin-top: 20px;}
.main-products .application{margin-top: 40px;}
.main-products .application > ul{margin-top: 44px;width: 100%;overflow: hidden;}
.main-products .application > ul > li{float: left;width: 33.333%;height: 390px;}
.main-products .application > ul > li img{display: block;max-width: 100%;}
.main-products .application > ul > li .text{margin-top: 30px;width: 330px;}
.main-products .application > ul > li .text h3{margin-bottom: 6px;font-size: 15px;color: #000;line-height: 22px;font-family: "Microsoft YaHei";}
.main-products .application > ul > li .text p{font-size: 15px;color: #000;font-family: "Microsoft YaHei";}
.main-products .application .text p{margin-top: 20px;font-size: 15px;color: #000;font-family: "Microsoft YaHei";}
.main-products .application .text p>img{display: block;margin: 0 auto;max-width: 100%;height: auto;}
.main-products .advantage{margin-top: 30px;}
.main-products .advantage h2.title{margin-bottom: 30px;}
.main-products .advantage p{position: relative;margin: 12px 0;padding-left: 24px;font-size: 15px;color: #000;font-family: "Microsoft YaHei";}
.main-products .advantage em{position: absolute;left: 0;top: 7px;width: 9px;height: 9px;border-radius: 50%;background-color: #0074ad;}
.main-products .customized{margin-top: 30px;}
.main-products .installation{margin-top: 30px;}
.main-products .installation >p{margin-top: 20px;font-size: 15px;color: #000;font-family: "Microsoft YaHei";}
.main-products .installation >p img{display: block;margin: 0 auto;max-width: 100%;height: auto;}
.main-products .installation .list{margin-top: 40px;overflow: hidden;}
.main-products .installation .list ul{width: 1224px;overflow: hidden;}
.main-products .installation .list ul li{float: left;width: 384px;margin-right: 24px;margin-bottom: 34px;}
.main-products .installation .list ul li img{width: 100%;height: auto;}
.main-products .installation .list ul li p{margin-top: 20px;font-size: 15px;color: #000;font-family: "Microsoft YaHei";text-align: center;}
/*案例列表*/
.list-case{padding: 15px 0 50px 0;background-color: #f5f5f5;}
.list-case .bread{margin: 0;}
.list-case .btn-class{position:fixed;left:0;top:250px;width:37px;height:225px;background:url(img/side-bar-case.jpg) no-repeat;cursor: pointer;z-index: 99;}
.list-case .classify{position: fixed;top: 150px;left: -250px;width:240px;z-index: 999;}
.list-case .classify .title{position: relative;padding: 0 14px;height: 40px;font-size: 16px;color: #fff;font-family: "Microsoft YaHei";line-height: 40px;border-radius: 4px;background-color: #00a0e9;text-transform: uppercase;}
.list-case .classify .title>em{position: absolute;top: -15px;right: 5px;width: 31px;height: 31px;background: url(img/close.png);cursor: pointer;}
.list-case .classify ul{background-color:#0074ad;}
.list-case .classify ul li{line-height:75px;font-size: 16px;position:relative;}
.list-case .classify ul li:nth-child(1),.list-case .classify ul li:nth-child(2),.list-case .classify ul li:nth-child(7){line-height: 20px;}
.list-case .classify ul li:nth-child(1) a,.list-case .classify ul li:nth-child(2) a,.list-case .classify ul li:nth-child(7) a{padding-top: 18px;padding-right: 40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.list-case .classify ul li a{position: relative;display:block;padding-left: 20px;height: 75px;color: #fff;border-bottom:1px solid #f5f5f5;font-family: "Microsoft YaHei";}
.list-case .classify ul li a:hover{background-color: #0096e4;}
.list-case .classify ul li i{display: none;position:absolute;top:32px;right:34px;width:7px;height:12px;background:url(img/arrow-white.png) no-repeat;z-index: 10;}
.list-case .classify ul li.active{}
.list-case .classify ul li.active a{background-color: #0096e4;}
.list-case .classify ul li.active i{display: block;}
.list-case .classify.flow{position: fixed;}
.list-case .cont{margin-top: 20px;overflow: hidden;}
.list-case .cont ul{width: 1238px;overflow: hidden;}
.list-case .cont ul li{float: left;width: 374px;margin-right: 38px;margin-bottom: 30px;}
.list-case .cont ul li>a{display: block;overflow: hidden;}
.list-case .cont ul li img{width: 100%;height: auto;transition: all 0.36s ease;}
.list-case .cont ul li img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.list-case .cont ul li p{margin-top: 30px;font-size: 16px;color: #000;font-family: "Microsoft YaHei";text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*案例详情*/
.main-case{padding:50px 0;}
.main-case .slidebox{overflow:hidden;padding-bottom:10px;}
.main-case .slide-pic{float:left;width:770px;height:523px;overflow:hidden;box-shadow:2px 2px 5px #999;}
.main-case .slide-pic li{float:left;width:770px;}
.main-case .slide-pic li img{width:100%;height:auto;}
.main-case .right{float:right;width:380px;}
.main-case .slide-dot{width:380px;height:268px;margin-bottom:12px;overflow:hidden;}
.main-case .slide-dot ul{width:395px;position:relative;}
.main-case .slide-dot li{float:left;width:176px;margin:0 12px 12px 0;border:4px solid #f3f2f2;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;}
.main-case .slide-dot li.active{border-color:#0074ad;}
.main-case .item-btn{overflow:hidden;margin-bottom:20px;}
.main-case .item-btn div{float:left;width:30px;height:25px;margin-right:5px;font-size:24px;line-height:25px;font-family:"Microsoft YaHei";text-align:center;}
.main-case .item-btn .prev{background:url(img/all-icon.png) no-repeat 3px -68px;cursor:pointer;}
.main-case .item-btn .next{background:url(img/all-icon.png) no-repeat -29px -68px;cursor:pointer;}
.main-case .item-btn .prev:hover{background-position: 3px -98px;}
.main-case .item-btn .next:hover{background-position:-29px -98px;}
.main-case .text{border-bottom:1px solid #999;}
.main-case .text h1{font-size:18px;line-height:25px;margin-bottom:20px;}
.main-case .text p{padding:5px 0;line-height:25px;border-top:1px solid #999;}
/*分页*/
.page{text-align: center;}
.page ul{display: inline-block;}
.page ul li{float: left;margin: 0 5px;}
.page ul li a{display: block;line-height: 28px;padding: 0 10px;border: 1px solid #e6e6e6;}
.page ul li.thisclass a{border-color: #0074ad;background-color: #0074ad;color: #fff;}
.page ul li a:hover{border-color: #0074ad;}
/*新闻列表*/
.list-news{padding-top: 62px;padding-bottom: 50px;background-color: #f5f5f5;}
.list-news .content{}
.list-news .content .main-width{margin-bottom: 30px;}
.list-news .content .main-width > ul > li{margin-bottom: 60px;padding: 22px 24px 28px 30px;overflow: hidden;background-color: #fff;}
.list-news .content .main-width > ul > li:hover {box-shadow: 6px 4px 40px #b3b1b2}
.list-news .content .main-width > ul > li .pic{float: left;width: 368px;}
.list-news .content .main-width > ul > li .pic img{width: 100%;height: auto;}
.list-news .content .main-width > ul > li .text{position: relative;float: left;margin-top: 12px;padding-bottom: 30px;width: 1100px;}
.list-news .content .main-width > ul > li .text h3{position: relative;padding-left: 26px;padding-right: 50px;font-size: 20px;color: #000;font-family: "Microsoft YaHei";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-news .content .main-width > ul > li .text h3 em{position: absolute;top: 4px;left: 0;width: 4px;height: 16px;background-color: #0074ad;}
.list-news .content .main-width > ul > li .text h3 span{position: absolute;top: 0;right: 0;font-size: 17px;color: #acacac;font-family: "Microsoft YaHei";}
.list-news .content .main-width > ul > li .text p{margin-top: 24px;font-size: 14px;color: #464646;font-family: "Microsoft YaHei";}
.list-news .content .main-width > ul > li .text .more{position: absolute;bottom: 0;right: 0;width: 19px;height: 15px;background: url(img/all-icon.png) 0 -140px no-repeat;}
.list-news .content .main-width > ul > li .text .more:hover{background-position: -36px -140px;}

/*新闻详情*/
.main-news{padding:25px 0 50px;}
.main-news{margin: 0 auto;}
.main-news .tolist{margin-bottom: 30px;font-size: 16px;text-align: center;}
.main-news .tolist .date{margin-right: 100px;}
.main-news h1{line-height:40px;margin-bottom:40px;text-align: center;}
.main-news p{margin-bottom:20px;font-size:16px;font-family:"Microsoft YaHei";}
.main-news p img{display: block;max-width:100%;height:auto;margin: 0 auto;}
/*联系页面*/
.map{width: 100%;overflow: hidden;}
.map iframe{vertical-align: top;}
.main-contact{
	padding: 15px 0 50px 0;
	background-color: #FFFFFF;
}
.main-contact .bread{
	margin: 0 0;
	padding: 5px 0 15px 0;
}
.main-contact > .main-width{margin-top: 0px;overflow: hidden;}
.main-contact .contact-way{
	float: left;
	margin-top: 0px;
	width: auto;
}
.main-contact .contact-way .foreword{font-size: 25px;color: #000;line-height: 50px;font-family: "Microsoft YaHei";}
.main-contact .contact-way .dong{margin-top: 0px;}
.main-contact .contact-way .usa{margin-top: 30px;}
.main-contact .contact-way .dong h2, .main-contact .contact-way .usa h2{
	margin-bottom: 15px;
	font-size: 22px;
	line-height: 20px;
	color: #000;
	font-family: Microsoft YaHei;
}
.main-contact .contact-way .dong p, .main-contact .contact-way .usa p{font-size: 16px;line-height: 32px;color: #616161;font-family: "Microsoft YaHei";}
.main-contact .contact-way .dong p br{display: none;}
.main-contact .contact-way .dong p span{display: inline-block;width: 20px;}
.main-contact .send-message{
	margin-top: 16px;
	float: right;
	width: 400px;
}
.main-contact .send-message .form-box{}
.main-contact .send-message .form-box input, .main-contact .send-message .form-box textarea{padding-left: 10px;width: 100%;font-size: 16px;color: #000;font-family: "Microsoft YaHei";border: 1px solid #dcdcdc;background-color: #f5f5f5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.main-contact .send-message .form-box input{margin-bottom: 18px;height: 50px;}
.main-contact .send-message .form-box textarea{
	padding-top: 10px;
	height: 280px;
}
.main-contact .send-message .form-box .contact-sub{display: block;margin: 22px auto 0 auto;padding-left: 0;width: 170px;height: 42px;font-size: 16px;color: #fff;line-height: 42px;background-color: #0074ad;text-align: center;font-family: "Microsoft YaHei";border-radius: 20px;cursor: pointer;}

.profile .cont .box .pic .video-btn{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.light-videobox {
    display: none;
    background-color: rgba(0,0,0,0.85);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    /* opacity: 0; */
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.light-videobox .video-box {
    z-index: 99999;
    width: 850px;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    position: absolute;
    margin: 190px auto 0 auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: 478px;
    background-color: #f3f3f3;
    background-image: url(img/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.light-videobox.on {
    display: block;
    /* opacity: 1; */
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.light-videobox .close {
    position: absolute;
    width: 29px;
    background: url(img/jquery-lightbox-theme.png) no-repeat -190px -115px;
    height: 29px;
    top: 0px;
    right: -30px;
    cursor: pointer;
}